// 主题颜色
$primary-color: #2ecc71;    // 嫩绿（主色）
$secondary-color: #3498db;  // 清澈蓝（辅色）
$success-color: #2ecc71;    // 使用主色作为成功色
$warning-color: #e67e22;    // 橘黄（高亮色）
$error-color: #e74c3c;      // 错误色保持红色

// 文字颜色
$text-color: #2c3e50;        // 墨蓝（文字主色）
$text-color-secondary: #34495e;
$text-color-placeholder: #7f8c8d;

// 背景颜色
$bg-color: #f9f9f9;
$bg-color-white: #ffffff;    // 纯白背景

// 边框颜色
$border-color: #eeeeee;

// 常用间距
$spacing-sm: 10rpx;
$spacing-md: 20rpx;
$spacing-lg: 30rpx;

// 常用圆角
$border-radius-sm: 4rpx;
$border-radius-md: 8rpx;
$border-radius-lg: 12rpx;

// 混入样式
@mixin flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

@mixin flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

// 常用阴影
@mixin box-shadow {
  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.1);
}

// 文本溢出省略
@mixin text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
} 